@import '../../common/css/primeflex.css';
@import '../../common/css/common.css';

.container {
    background-image: url('http://cdn.yeziji.xyz/img/background/%E4%BA%8C%E6%AC%A1%E5%85%83-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.title {
    font-size: 60px;
    text-align: center;
    width: 100%;
    height: 40%;
    margin: 10px;
}

.item{
    width: 100%;
    height: 200px;
}
.search {
    position: relative;
    top: 15px;
}

.search .icon {
    position: absolute;

}

.m-index-card-bg {
    background-color: #34000000;
}

.m-lover-comment {
    margin-top: 5px;
}
.m-lover-comment .m-lover-item  {
    padding: 20px;
    margin: 0 20px 0 20px;
}
.m-root-comment {
    margin-top: 50px;
}

.m-root-comment .m-root-item {
    margin: 0 10px 0 10px;
}

.m-swiper {
    height: 250px;
    width: 90%;
    border-radius: 20px;
    margin-top: 40px;
}
.m-swiper .item {
    border-radius: 20px;
}